<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="p" tagdir="/WEB-INF/tags"%>
<head>
<meta charset="UTF-8">
<title>系统菜单管理</title>
<%@ include file="/common/taglibs.jsp"%>
</head>
<body>
	<script type="text/javascript">
		$(function() {
			//加载easyui-tree数据
			$
					.ajax({
						url : '${ctx}/SysMenu/queryAll',
						dataType : 'json',
						cache : false,
						success : function(datas) {
							//$('#parentMenu').combotree('loadData', datas);
							//点击树节点,获取其详细信息
							$("#systemMenu")
									.tree(
											{
												data : datas,
												onClick : function(node) {
													//单击事件  
													$
															.ajax({
																url : '${ctx }/SysMenu/addMenu',
																dataType : 'json',
																data : {
																	'id' : node.id
																},
																cache : false,
																success : function(
																		vo) {
																	//将获取的信息,填充在菜单配置界面
																	$("#id")
																			.val(
																					vo.id);
																	$(
																			"#parentMenu")
																			.combotree(
																					'setValue',
																					vo.parentMenu);
																	var target = $(
																			'#systemMenu')
																			.tree(
																					'getParent',
																					node.target);
																	if (target == null) {
																		$(
																				'#parentMenu')
																				.combotree(
																						"clear");
																		//$("#pageUrl").textbox({disabled: true});
																		$(
																				"#divPageUrl")
																				.css(
																						"display",
																						"none");
																	} else {
																		//$("#pageUrl").textbox({disabled: false});
																		$(
																				"#divPageUrl")
																				.css(
																						"display",
																						"block");
																	}
																	$("#name")
																			.textbox(
																					'setValue',
																					vo.name);
																	//给树赋值
																	$(
																			'#menuIcon')
																			.textbox(
																					'setValue',
																					vo.menuIcon);
																	$(
																			'#pageUrl')
																			.textbox(
																					'setValue',
																					vo.pageUrl);
																	$(
																			'#pageFlag')
																			.textbox(
																					'setValue',
																					vo.pageFlag);
																	$(
																			'#defineRight')
																			.textbox(
																					'setValue',
																					vo.defineRight);
																	//获取单选框值
																	var vals = document
																			.getElementsByName("isActive");
																	for (var i = 0; i < vals.length; i++) {
																		if (vals[i].value == vo.isActive) {
																			vals[i].checked = true;
																			break;
																		}
																	}
																}
															});
												}
											});
						}
					});
			$.ajax({
				url : '${ctx}/SysMenu/loadParentMenu',
				dataType : 'json',
				cache : false,
				success : function(datas) {
					$('#parentMenu').combotree('loadData', datas);
				}
			});
			$("#parentMenu").combotree({
				onClick : function(node) {
					//$("#pageUrl").textbox({disabled: false});
					$("#divPageUrl").css("display", "block");
				}
			});
		});

		//折叠panel
		function zdPanel() {
			//$("#pageUrl").textbox({disabled: true});
			$("#divPageUrl").css("display", "none");
			//$('#mainLayout').layout('collapse','west');   
			$("#id").val("");
			$("#parentMenu").combotree("clear");
			$("#name").textbox('setValue', "");
			//给树赋值
			$('#menuIcon').textbox('setValue', "");
			$('#pageUrl').textbox('setValue', "");
			$('#pageFlag').textbox('setValue', "");
			$('#defineRight').textbox('setValue', "");
		}

		//刷新
		function reloadTree() {
			//加载easyui-tree数据
			$.ajax({
				url : '${ctx}/SysMenu/queryAll',
				dataType : 'json',
				cache : false,
				success : function(datas) {
					//点击树节点,获取其详细信息
					$("#systemMenu").tree({
						data : datas
					});
					//$('#parentMenu').combotree('loadData', datas);
				}
			});

			$.ajax({
				url : '${ctx}/SysMenu/loadParentMenu',
				dataType : 'json',
				cache : false,
				success : function(datas) {
					$('#parentMenu').combotree('loadData', datas);
				}
			});
		}

		//删除功能
		function delTree() {
			var node = $('#systemMenu').tree('getSelected');
			if (node != null) {
				var targetId1 = $('#systemMenu').tree('getParent', node.target);//当前节点的父节点
				var children = $('#systemMenu')
						.tree('getChildren', node.target);//当前节点的子节点
				if (targetId1 != null || children == '') {
					$.messager.confirm('友情提示!', '你确定删除该菜单?', function(r) {
						if (r) {
							$.ajax({
								type : "post",
								url : '${ctx}/SysMenu/delete',
								dataType : 'json',
								data : {
									id : node.id
								},
								cache : false,
								success : function(data) {
									if (data.ack_code == "SUCCESS") {
										$("#id").val("");
										$("#parentMenu").combotree("clear");
										$("#name").textbox('setValue', "");
										//给树赋值
										$('#menuIcon').textbox('setValue', "");
										$('#pageUrl').textbox('setValue', "");
										$('#pageFlag').textbox('setValue', "");
										$('#defineRight').textbox('setValue',
												"");
										showMsg('提示', data.message);
									} else {
										showMsg('提示', data.message);
									}
									//重新加载树
									zdPanel();
									reloadTree();
								}
							});
						}
					});
				} else {
					$.messager.alert('警告', '只能对"' + node.text + '"下属菜单作删除!');
				}
			} else
				$.messager.alert('警告', '您选择删除的菜单!');

		}

		function saveForm(fid) {
			$('#' + fid).form('submit', {
				onSubmit : function() {
					return $(this).form('enableValidation').form('validate');
				},
				success : function(data) {
					var data = eval('(' + data + ')');
					if (data) {
						if (data.statusCode == "200") {
							//重新加载树
							zdPanel();
							reloadTree();
							$('#mainLayout').layout('expand', 'west');
							showMsg('提示', data.message);
						} else {
							showMsg('提示', data.message);
						}
					} else {
						showMsg('提示', '操作失败！');
					}
				}
			});
		}
		function menuIconSelectfun(value) {
			$('#winselect').window('close');
			$('#menuIcon').textbox("setValue", "icon-" + value);
		}
	</script>
	<div class="easyui-layout" data-options="fit:true" id="mainLayout">
		<!-- 菜单列表-->
		<div title="   系统菜单列表" iconCls='${icon}'
			data-options="region:'west',split:true"
			style="width: 350px; padding: 0px">
			<!-- 工具栏 -->
			<div
				style="height: 25px; text-align: right; border: 1px solid #ccc; border-radius: 0px;">
				<a href="javascript:void(0);" class="easyui-linkbutton"
					iconCls="icon-add" plain="true" onclick="zdPanel();">新增</a> <a
					href="javascript:void(0);" class="easyui-linkbutton"
					iconCls="icon-remove" plain="true" onclick="delTree();">删除</a> <a
					href="javascript:void(0);" class="easyui-linkbutton"
					iconCls="icon-reload" plain="true" onclick="reloadTree();">刷新</a>
			</div>
			<div>
				<ul id="systemMenu" class="easyui-tree" title="系统菜单"
					iconCls='${icon}'>

				</ul>
			</div>
		</div>
		<div title="   系统菜单配置" iconCls='${icon}'
			data-options="region:'center'" style="width: 600px; height: 100%;">
			<form id="formId" method="post" action="${ctx }/SysMenu/save"
				method="post" enctype="multipart/form-data">
				<div class="pageFormContent" layoutH="58">
					<input type="hidden" id="id" name="id" />
					<div class="unit">
						<label style="text-align: right; width: 160px">上级分类：</label> <input
							id="parentMenu" name="parentMenu" class="easyui-combotree"
							style="width: 200px;">
					</div>
					<div class="unit">
						<label style="text-align: right; width: 160px">名称：</label> <input
							id="name" type="text" name="name" size="50" minlength="0"
							maxlength="100" class="easyui-textbox"
							data-options="required:true,width:'200px'" />
					</div>
					<div class="unit">
						<label style="text-align: right; width: 160px">图标：</label> <input
							id="menuIcon" type="text" name="menuIcon" size="50" minlength="0"
							maxlength="100" id="menuIcon" class="easyui-textbox"
							data-options="required:false,width:'200px'" /> <a href="#"
							style="height: 22px;" class="easyui-linkbutton"
							data-options="iconCls:'icon-add'"
							onclick="showWin('winselect','${ctx }/SysMenu/selectMenuIcon')">添加</a>
					</div>
					<div class="unit" id="divPageUrl" style="display: none;">
						<label style="text-align: right; width: 160px">地址：</label> <input
							id="pageUrl" type="text" name="pageUrl" size="50" minlength="0"
							maxlength="50" class="easyui-textbox"
							data-options="required:false,width:'200px'" />
					</div>
					<div class="unit">
						<label style="text-align: right; width: 160px">系统标示：</label> <input
							id="pageFlag" type="text" name="pageFlag" size="50" minlength="0"
							maxlength="50" class="easyui-textbox"
							data-options="required:false,width:'200px'" />
					</div>
					<div class="unit">
						<label style="text-align: right; width: 160px">自定义权限：</label> <input
							id="defineRight" type="text" name="defineRight" size="50"
							minlength="0" maxlength="50" style="height: 80px"
							class="easyui-textbox"
							data-options="required:false,width:'200px',multiline:true" />
					</div>
					<div class="unit">
						<label style="text-align: right; width: 160px">是否启用：</label> <label>
							<input type="radio" name="isActive" value="1" checked="checked" />启用
						</label> <label> <input type="radio" name="isActive" value="2" />不启用
						</label>
					</div>
				</div>
			</form>
			<div class="unit"></div>
			<s:if test="#request.pageRight.write==1">
				<div style="margin-left: 120px; padding: 10px">
					<a href="javascript:void(0)" class="easyui-linkbutton"
						style="width: 200px;" iconCls="icon-save"
						onclick="saveForm('formId')">保存</a>
				</div>
			</s:if>
		</div>
	</div>
	<!-- 图标选择Dialog -->
	<div id="winselect" class="easyui-window" title="图标选择"
		data-options="iconCls:'icon-add',minimizable:true,modal:true,closed:true"
		style="width: 500px; height: 300px; padding: 0px;"></div>
</body>